<!DOCTYPE html>
<html lang="zh">
	<head>
	<meta charset="utf-8">
	<!--1 导入三个标签-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>bootstrap表格</title>
	<!--2 引入bootstrap的css-->
	<link rel="stylesheet" href="css/bootstrap.css" />
	
	</head>
	<body>
		<div class="table-responsive">
		<table class="table table-striped table-bordered table-hover  table-condensed">
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				
			</tr>
		</table>
		</div>
		<!--3引入jQuery-->
		<script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
		<!--4引入bootstrap的js-->
		<script type="text/javascript" src="js/bootstrap.js" ></script>
	</body>
</html>
